import React from 'react'
import styles from '../css/Like.module.scss'
import Head from './Head'
export default function Like() {
    return (
        <div>
            <Head titleName='点赞通知'></Head>
            <div className={styles.like_box}>
                <div className={styles.like_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999',fontSize:'13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>点赞了你的文章 《<span style={{ color: "#3E7CFC" }}>日本零售发展史</span>》</div>
                </div>
                <div className={styles.like_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999',fontSize:'13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>点赞了你的文章 《<span style={{ color: "#3E7CFC" }}>日本零售发展史</span>》</div>
                </div>
                <div className={styles.like_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999',fontSize:'13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>点赞了你的文章 《<span style={{ color: "#3E7CFC" }}>日本零售发展史</span>》</div>
                </div>
                <div className={styles.like_box_ele}>
                    <div className={styles.ele_top}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '50%' }}>
                            <img style={{ width: '50px', height: '50px', borderRadius: '50px' }} src={require('../img/user.png')} alt='' />
                            <div style={{ fontSize: '18px', fontWeight: 'bold' }}>特立独行的猫</div>
                        </div>
                        <div style={{ color: '#999999',fontSize:'13px' }}>2018/02/25 16:18</div>
                    </div>
                    <div className={styles.ele_bottom}>点赞了你的文章 《<span style={{ color: "#3E7CFC" }}>日本零售发展史</span>》</div>
                </div>
            </div>
            <div style={{textAlign:'center',marginTop:"30px",color:"#D7DAE3"}}>没有了~</div>
        </div>
    )
}